<template>
  <div>
    <div><search-item></search-item></div>
    <div class="mt20">
      <el-table
        height="650"
        border
        style="width: 100%"
        v-loading="loading"
        element-loading-text="拼命加载中"
        :data="tableData"
        size="mini"
      >
        <el-table-column
          prop=""
          label="下单ID"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="用户手机"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="用户ID">
        </el-table-column>

        <el-table-column
          prop=""
          label="用户昵称">
        </el-table-column>
        <el-table-column
          prop=""
          label="用户身份">
        </el-table-column>
        <el-table-column
          prop=""
          label="经纪商">
        </el-table-column>
        <el-table-column
          prop=""
          label="课程ID">
        </el-table-column>
        <el-table-column
          prop=""
          label="交易盘面">
        </el-table-column>
        <el-table-column
          prop=""
          label="周期(秒)">
        </el-table-column>
        <el-table-column
          prop=""
          label="下单金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="结算时间">
        </el-table-column>
        <el-table-column
          prop=""
          label="盈亏状态">
        </el-table-column>
        <el-table-column
          prop=""
          label="盈亏金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="提交到交易服务状态">
        </el-table-column>
        <el-table-column
          prop=""
          label="提交时间">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="提交到经纪商状态">
        </el-table-column>
        <el-table-column
          prop=""
          label="交易时间">
        </el-table-column>
        <el-table-column
          prop=""
          label="创建时间">
        </el-table-column>
        <el-table-column
          prop=""
          label="结算状态">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="交易时MT4时间">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="交易凭证号">
        </el-table-column>
      </el-table>
    </div>
    <div class="block mt10 tc mb10">
      <el-pagination
        background
        @current-change="handleCurrentChange"
        :current-page.sync="page"
        :page-size="pageSize"
        layout="total, prev, pager, next"
        :total="total">
      </el-pagination>
      <br>
    </div>
  </div>
</template>
<script>
  import service from '@/service'
  import searchItem from './searchLecturerOrder.vue';
  export default {
    data(){
      return {
        tableData:[],
        loading:true,
        page:1,
        pageSize:15,
        total:0
      }
    },
    mounted(){
      this.getQueryDataList();
    },
    methods:{
      async  getQueryDataList(){
        let result =await service.haiBeiServerQueryDataList();
        if(result.success){
          this.tableData=result.data;
          this.loading=false;
          this.total=result.total
        }
      },
      handleCurrentChange(val){
        console.log(val);
      }
    },
    components:{
      searchItem
    }

  }
</script>

